@charset "utf-8";
@import "common/reset";
@import "common/util";
@function p($px) {
    @return $px/2*1px;
}

@mixin transf {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

$orange:#ff9344;
.findMobile {
    // 头部
    header {
        .star {
            float: right;
            width: p(52);
            height: p(52);
            overflow: hidden;
            margin-top: p(54);
            margin-right: p(22);
            img {
                width: 100%;
            }
        }
        .search {
            font-size: p(26);
            text-align: center;
            border: none;
        }
    } // 主体
    section {
        width: 100%;
        position: absolute;
        top: p(130);
        bottom: p(137);
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        margin-top: p(10);
        .bigImg {
            box-sizing: border-box;
            margin: 0 p(23);
            height: p(260);
            overflow: hidden;
            position: relative;
            img {
                width: 100%;
                @include transf;
            }
        } // 购买
        .by {
            margin: 0 p(23);
            height: p(121);
            overflow: hidden;
            .price {
                float: left;
                font-size: p(72);
                line-height: p(60);
                color: $orange;
                margin-top: p(38);
                margin-left: p(22);
            }
            button {
                background: $orange;
                width: p(112);
                height: p(60);
                border-radius: p(17);
                float: right;
                margin-top: p(38);
                margin-right: p(19);
                a {
                    color: #fff;
                    font-size: p(30);
                }
            }
        } // 评价度
        .evaluation {
            margin: p(17) p(41) 0 p(47);
            overflow: hidden;
            height: p(62);
            
            .fl {
                float: left;
                img {
                    width: p(37);
                    height: p(37);
                    vertical-align: middle;
                }
                span {
                    font-size: p(30);
                    color: #000;
                    font-weight: normal;
                    vertical-align: middle;
                    line-height: p(62);
                }
                span:last-child {
                    color: $orange;
                }
            }
            .fr {
                float: right;
                color: #8e8e8e;
                font-size: p(26);
                line-height: p(60);
            }
        } // 适用商户
        .appropriate {
            margin: p(20) p(41) p(0) p(46);
            height: p(68);
            overflow: hidden;
            background: $orange;
            span {
                display: inline-block;
                font-size: p(30);
                color: #fff;
                float: left;
                line-height: p(68);
                margin-left: p(11);
            }
            a {
                display: inline-block;
                color: #fff;
                font-size: p(47);
                float: right;
                line-height: p(68);
                margin-right: p(10);
            }
        }
        // 店铺
        .stores{
            margin: 0 p(23);
            height: p(177);
            .store-one,.store-two,.store-three{
                width: 100%;
                height: p(177);
                overflow: hidden;
                margin-top: p(10);
                .storeImg{
                    margin-left: p(22);
                    width: p(177);
                    height: p(177);
                    overflow: hidden;
                    position: relative;
                    img{
                        width: 100%;
                        @include transf;
                    }
                }
                .storeInfo{
                    padding:0 p(20) 0 p(225);
                    width: 100%;
                    box-sizing: border-box;
                    display: block;
                    position: relative;
                    h3{
                        font-size: p(30);
                        line-height: p(30);
                        color: #000;
                        margin-top: p(13);
                    }
                    .pj{
                        font-size: p(26);
                        line-height: p(26);
                        color: #929292;
                        
                        margin: p(12) 0;
                        img{
                            width: p(34);
                            height: p(34);
                            vertical-align: middle;
                        }
                        
                    }
                    p{
                        font-size: p(24);
                        color: #929292;
                    }
                    a{
                        
                        font-size: p(20);
                        line-height: p(20);
                        color: $orange;
                        
                    }
                    button{
                        background: $orange;
                        width: p(112);
                        height: p(60);
                        border-radius: p(17);
                        position: absolute;
                        top: p(67);
                        right: p(20);
                        a{
                            color: #fff;
                            font-size:p(30); 
                        }
                    }
                }
            }
        }
    }
}